<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2300338" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">重置</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d9;</span>
                <div class="name">清空</div>
                <div class="code-name">&amp;#xe8d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">重置</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">成品检验清单导入</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">巡检</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">首检录入</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">计划管理</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">设备排产计划完成</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">试模检验记录</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">安全质量管理</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">质量</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">质量追溯</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">调拨出库管理</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">委外入库</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">委外出库</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">销售出库管理</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">下架</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">下架</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">调拨入库管理</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">计划单</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">票据退库</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">仓储管理-退库管理-领料退库</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">仓储管理-退库管理</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">拣货计划</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">拣货管理</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">退货明细</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">物品退货计划登记</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">销售退货管理</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">生产入库</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">领料出库</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">入库单</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">出库单</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">入库明细</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">出库明细</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">其他出库管理</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">出库记录</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">入库记录</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bd;</span>
                <div class="name">其他入库管理</div>
                <div class="code-name">&amp;#xe8bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">库存管理</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">即时库存</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">库存状态</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">上架单</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">上架管理</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">采购管理</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">模具点检</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">点检</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">点检</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">点检管理</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">设备保养</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">设备保养</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">点检记录</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">设备保养配置</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">产成品</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">巡检检验</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">时间方案</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">单据</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">抽样</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">方案</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">来料检验</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">首检</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">班组</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">测试模块</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">邮件 (2)</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">消息模板</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">广播</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">消息管理</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">按钮</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">方案规划</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">工艺管理</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">薪资管理</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">薪资管理</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">工序</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">工艺单</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">标准工时制定和分析</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">工资标准维护</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">x_nav_上报工作台</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">生产工艺</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">生产任务单</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">排班</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">计件报工管理</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">生产管理</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">工序汇报配置</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">生产工单</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">排产单</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">更换模板</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">检验</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">方案 (1)</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">检验项目</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">映射</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">行政区域管理</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">质量</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">主数据</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">工作流</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">物联网</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">wms</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">注塑机</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">授权</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">mes</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">货主</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">省</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">市</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">区</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">包装</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">更新</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">icon_触屏</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">pad</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">条码1</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">未选状态-分类</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">状态监控</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">状态</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe931;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe931;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">查询管理</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">映射</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">生产量统计</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe896;</span>
                <div class="name">模具</div>
                <div class="code-name">&amp;#xe896;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">模具管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">云icon_模具信息</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">文件管理</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">人员班次管理</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">区域管理</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">预览族谱</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">基础资料file</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">i-颜色</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">客户</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">物料组</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">计量单位</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">物料管理</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">客户管理</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">系统参数配置</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb99;</span>
                <div class="name">color-lens</div>
                <div class="code-name">&amp;#xeb99;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">仓库管理</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">区域</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">设备型号</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xecac;</span>
                <div class="name">设备开发</div>
                <div class="code-name">&amp;#xecac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">设备维修</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">entity</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">仓库</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">仓库管理</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">库位</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">库区area</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">分组</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">供应商管理</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">供应商</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">监控,测试</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">模板管理</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">模板设置</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">注册</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">分发</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">分发</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">accountauthority</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">APIwendang</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">config</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">configuration</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">curlybrace-</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">dictionary</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">company</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">department1</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">department</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">enterprise</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">group</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">geren</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">Monitor</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">position</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">position-</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">mg-role</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">rizhi</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">jurassic_data</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">sys-authority</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">yingjian</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">keystroke</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">url</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">role_icon</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">urlguanli</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">system</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">swagger</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">wj-rz</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">ts-config</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">分发</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun1"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongzhi"></span>
            <div class="name">
              重置
            </div>
            <div class="code-name">.icon-zhongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingkong"></span>
            <div class="name">
              清空
            </div>
            <div class="code-name">.icon-qingkong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongzhi1"></span>
            <div class="name">
              重置
            </div>
            <div class="code-name">.icon-zhongzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengpinjianyanqingdandaoru"></span>
            <div class="name">
              成品检验清单导入
            </div>
            <div class="code-name">.icon-chengpinjianyanqingdandaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Cyberxunjianrenwushangbao"></span>
            <div class="name">
              巡检
            </div>
            <div class="code-name">.icon-Cyberxunjianrenwushangbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoujianluru"></span>
            <div class="name">
              首检录入
            </div>
            <div class="code-name">.icon-shoujianluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jihuaguanli"></span>
            <div class="name">
              计划管理
            </div>
            <div class="code-name">.icon-jihuaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeipaichanjihuawancheng"></span>
            <div class="name">
              设备排产计划完成
            </div>
            <div class="code-name">.icon-shebeipaichanjihuawancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shimojianyanjilu"></span>
            <div class="name">
              试模检验记录
            </div>
            <div class="code-name">.icon-shimojianyanjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanzhiliangguanli"></span>
            <div class="name">
              安全质量管理
            </div>
            <div class="code-name">.icon-anquanzhiliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliang1"></span>
            <div class="name">
              质量
            </div>
            <div class="code-name">.icon-zhiliang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliangzhuisu"></span>
            <div class="name">
              质量追溯
            </div>
            <div class="code-name">.icon-zhiliangzhuisu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaobochukuguanli1"></span>
            <div class="name">
              调拨出库管理
            </div>
            <div class="code-name">.icon-tiaobochukuguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwairuku1"></span>
            <div class="name">
              委外入库
            </div>
            <div class="code-name">.icon-weiwairuku1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weiwaichuku"></span>
            <div class="name">
              委外出库
            </div>
            <div class="code-name">.icon-weiwaichuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshouchukuguanli"></span>
            <div class="name">
              销售出库管理
            </div>
            <div class="code-name">.icon-xiaoshouchukuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajia1"></span>
            <div class="name">
              下架
            </div>
            <div class="code-name">.icon-xiajia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajia"></span>
            <div class="name">
              下架
            </div>
            <div class="code-name">.icon-xiajia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoborukuguanli"></span>
            <div class="name">
              调拨入库管理
            </div>
            <div class="code-name">.icon-tiaoborukuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jihuadan"></span>
            <div class="name">
              计划单
            </div>
            <div class="code-name">.icon-jihuadan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piaojutuiku"></span>
            <div class="name">
              票据退库
            </div>
            <div class="code-name">.icon-piaojutuiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangchuguanli-tuikuguanli-lingliaotuiku"></span>
            <div class="name">
              仓储管理-退库管理-领料退库
            </div>
            <div class="code-name">.icon-cangchuguanli-tuikuguanli-lingliaotuiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangchuguanli-tuikuguanli"></span>
            <div class="name">
              仓储管理-退库管理
            </div>
            <div class="code-name">.icon-cangchuguanli-tuikuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianhuojihua"></span>
            <div class="name">
              拣货计划
            </div>
            <div class="code-name">.icon-jianhuojihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianhuoguanli"></span>
            <div class="name">
              拣货管理
            </div>
            <div class="code-name">.icon-jianhuoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuihuomingxi"></span>
            <div class="name">
              退货明细
            </div>
            <div class="code-name">.icon-tuihuomingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wupintuihuojihuadengji"></span>
            <div class="name">
              物品退货计划登记
            </div>
            <div class="code-name">.icon-wupintuihuojihuadengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoutuihuoguanli"></span>
            <div class="name">
              销售退货管理
            </div>
            <div class="code-name">.icon-xiaoshoutuihuoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanruku"></span>
            <div class="name">
              生产入库
            </div>
            <div class="code-name">.icon-shengchanruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingliaochuku"></span>
            <div class="name">
              领料出库
            </div>
            <div class="code-name">.icon-lingliaochuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rukudan"></span>
            <div class="name">
              入库单
            </div>
            <div class="code-name">.icon-rukudan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chukudan"></span>
            <div class="name">
              出库单
            </div>
            <div class="code-name">.icon-chukudan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rukumingxi"></span>
            <div class="name">
              入库明细
            </div>
            <div class="code-name">.icon-rukumingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chukumingxi"></span>
            <div class="name">
              出库明细
            </div>
            <div class="code-name">.icon-chukumingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitachukuguanli"></span>
            <div class="name">
              其他出库管理
            </div>
            <div class="code-name">.icon-qitachukuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chukujilu"></span>
            <div class="name">
              出库记录
            </div>
            <div class="code-name">.icon-chukujilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rukujilu"></span>
            <div class="name">
              入库记录
            </div>
            <div class="code-name">.icon-rukujilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitarukuguanli"></span>
            <div class="name">
              其他入库管理
            </div>
            <div class="code-name">.icon-qitarukuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kucun"></span>
            <div class="name">
              库存管理
            </div>
            <div class="code-name">.icon-kucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jishikucun"></span>
            <div class="name">
              即时库存
            </div>
            <div class="code-name">.icon-jishikucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kucunzhuangtai"></span>
            <div class="name">
              库存状态
            </div>
            <div class="code-name">.icon-kucunzhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiadan"></span>
            <div class="name">
              上架单
            </div>
            <div class="code-name">.icon-shangjiadan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiaguanli"></span>
            <div class="name">
              上架管理
            </div>
            <div class="code-name">.icon-shangjiaguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigouguanli"></span>
            <div class="name">
              采购管理
            </div>
            <div class="code-name">.icon-caigouguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mojudianjian"></span>
            <div class="name">
              模具点检
            </div>
            <div class="code-name">.icon-mojudianjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianjian"></span>
            <div class="name">
              点检
            </div>
            <div class="code-name">.icon-dianjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-data-"></span>
            <div class="name">
              点检
            </div>
            <div class="code-name">.icon-data-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianjianguanli"></span>
            <div class="name">
              点检管理
            </div>
            <div class="code-name">.icon-dianjianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeibaoyang"></span>
            <div class="name">
              设备保养
            </div>
            <div class="code-name">.icon-shebeibaoyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeibaoyang1"></span>
            <div class="name">
              设备保养
            </div>
            <div class="code-name">.icon-shebeibaoyang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianjianjilu"></span>
            <div class="name">
              点检记录
            </div>
            <div class="code-name">.icon-dianjianjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeibaoyangpeizhi"></span>
            <div class="name">
              设备保养配置
            </div>
            <div class="code-name">.icon-shebeibaoyangpeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengpinjianhuo"></span>
            <div class="name">
              产成品
            </div>
            <div class="code-name">.icon-chengpinjianhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunjianjianyan"></span>
            <div class="name">
              巡检检验
            </div>
            <div class="code-name">.icon-xunjianjianyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijianfangan"></span>
            <div class="name">
              时间方案
            </div>
            <div class="code-name">.icon-shijianfangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danju"></span>
            <div class="name">
              单据
            </div>
            <div class="code-name">.icon-danju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chouyang"></span>
            <div class="name">
              抽样
            </div>
            <div class="code-name">.icon-chouyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangan"></span>
            <div class="name">
              方案
            </div>
            <div class="code-name">.icon-fangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lailiaojianyan"></span>
            <div class="name">
              来料检验
            </div>
            <div class="code-name">.icon-lailiaojianyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoujian"></span>
            <div class="name">
              首检
            </div>
            <div class="code-name">.icon-shoujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banzu"></span>
            <div class="name">
              班组
            </div>
            <div class="code-name">.icon-banzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ceshimokuai"></span>
            <div class="name">
              测试模块
            </div>
            <div class="code-name">.icon-ceshimokuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjian2"></span>
            <div class="name">
              邮件 (2)
            </div>
            <div class="code-name">.icon-youjian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoximoban"></span>
            <div class="name">
              消息模板
            </div>
            <div class="code-name">.icon-xiaoximoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconset0272"></span>
            <div class="name">
              广播
            </div>
            <div class="code-name">.icon-iconset0272
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxiguanli"></span>
            <div class="name">
              消息管理
            </div>
            <div class="code-name">.icon-xiaoxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anniu"></span>
            <div class="name">
              按钮
            </div>
            <div class="code-name">.icon-anniu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanganguihua"></span>
            <div class="name">
              方案规划
            </div>
            <div class="code-name">.icon-fanganguihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyiguanli"></span>
            <div class="name">
              工艺管理
            </div>
            <div class="code-name">.icon-gongyiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-salary-payroll-management"></span>
            <div class="name">
              薪资管理
            </div>
            <div class="code-name">.icon-salary-payroll-management
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinziguanli"></span>
            <div class="name">
              薪资管理
            </div>
            <div class="code-name">.icon-xinziguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxu"></span>
            <div class="name">
              工序
            </div>
            <div class="code-name">.icon-gongxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyidan"></span>
            <div class="name">
              工艺单
            </div>
            <div class="code-name">.icon-gongyidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhungongshizhidinghefenxi"></span>
            <div class="name">
              标准工时制定和分析
            </div>
            <div class="code-name">.icon-biaozhungongshizhidinghefenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzibiaozhunweihu"></span>
            <div class="name">
              工资标准维护
            </div>
            <div class="code-name">.icon-gongzibiaozhunweihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-x_nav_shangbaogongzuotai"></span>
            <div class="name">
              x_nav_上报工作台
            </div>
            <div class="code-name">.icon-x_nav_shangbaogongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao_shengchangongyi"></span>
            <div class="name">
              生产工艺
            </div>
            <div class="code-name">.icon-tubiao_shengchangongyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao_shengchanrenwudan"></span>
            <div class="name">
              生产任务单
            </div>
            <div class="code-name">.icon-tubiao_shengchanrenwudan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paiban"></span>
            <div class="name">
              排班
            </div>
            <div class="code-name">.icon-paiban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jijianbaogongguanli"></span>
            <div class="name">
              计件报工管理
            </div>
            <div class="code-name">.icon-jijianbaogongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanguanli"></span>
            <div class="name">
              生产管理
            </div>
            <div class="code-name">.icon-shengchanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxuhuibaopeizhi"></span>
            <div class="name">
              工序汇报配置
            </div>
            <div class="code-name">.icon-gongxuhuibaopeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiaozhizuomoban-142"></span>
            <div class="name">
              生产工单
            </div>
            <div class="code-name">.icon-tubiaozhizuomoban-142
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paichandan"></span>
            <div class="name">
              排产单
            </div>
            <div class="code-name">.icon-paichandan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanmu"></span>
            <div class="name">
              更换模板
            </div>
            <div class="code-name">.icon-huanmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianyan"></span>
            <div class="name">
              检验
            </div>
            <div class="code-name">.icon-jianyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangan1"></span>
            <div class="name">
              方案 (1)
            </div>
            <div class="code-name">.icon-fangan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianyanxiangmu"></span>
            <div class="name">
              检验项目
            </div>
            <div class="code-name">.icon-jianyanxiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingshe1"></span>
            <div class="name">
              映射
            </div>
            <div class="code-name">.icon-yingshe1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangzhengquyuguanli"></span>
            <div class="name">
              行政区域管理
            </div>
            <div class="code-name">.icon-hangzhengquyuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliang"></span>
            <div class="name">
              质量
            </div>
            <div class="code-name">.icon-zhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhushujvweihu"></span>
            <div class="name">
              主数据
            </div>
            <div class="code-name">.icon-zhushujvweihu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuoliu"></span>
            <div class="name">
              工作流
            </div>
            <div class="code-name">.icon-gongzuoliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-lot"></span>
            <div class="name">
              物联网
            </div>
            <div class="code-name">.icon-logo-lot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wms"></span>
            <div class="name">
              wms
            </div>
            <div class="code-name">.icon-wms
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhusuji"></span>
            <div class="name">
              注塑机
            </div>
            <div class="code-name">.icon-zhusuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouquan"></span>
            <div class="name">
              授权
            </div>
            <div class="code-name">.icon-shouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mes"></span>
            <div class="name">
              mes
            </div>
            <div class="code-name">.icon-mes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-xt"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-icon-xt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huozhu"></span>
            <div class="name">
              货主
            </div>
            <div class="code-name">.icon-huozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sheng1"></span>
            <div class="name">
              省
            </div>
            <div class="code-name">.icon-sheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shi"></span>
            <div class="name">
              市
            </div>
            <div class="code-name">.icon-shi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qu"></span>
            <div class="name">
              区
            </div>
            <div class="code-name">.icon-qu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baozhuang"></span>
            <div class="name">
              包装
            </div>
            <div class="code-name">.icon-baozhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengxin"></span>
            <div class="name">
              更新
            </div>
            <div class="code-name">.icon-gengxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chuping"></span>
            <div class="name">
              icon_触屏
            </div>
            <div class="code-name">.icon-icon_chuping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pad"></span>
            <div class="name">
              pad
            </div>
            <div class="code-name">.icon-pad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoma1"></span>
            <div class="name">
              条码1
            </div>
            <div class="code-name">.icon-tiaoma1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei2"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haibianyigou-"></span>
            <div class="name">
              未选状态-分类
            </div>
            <div class="code-name">.icon-haibianyigou-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuangtaijiankong"></span>
            <div class="name">
              状态监控
            </div>
            <div class="code-name">.icon-zhuangtaijiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuangtai"></span>
            <div class="name">
              状态
            </div>
            <div class="code-name">.icon-zhuangtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxunguanli"></span>
            <div class="name">
              查询管理
            </div>
            <div class="code-name">.icon-chaxunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei1"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingshe"></span>
            <div class="name">
              映射
            </div>
            <div class="code-name">.icon-yingshe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanliangtongji"></span>
            <div class="name">
              生产量统计
            </div>
            <div class="code-name">.icon-shengchanliangtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmu"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.icon-xiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchan"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-shengchan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fujian"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-fujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-wenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moju"></span>
            <div class="name">
              模具
            </div>
            <div class="code-name">.icon-moju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mojuguanli"></span>
            <div class="name">
              模具管理
            </div>
            <div class="code-name">.icon-mojuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunicon_mojuxinxi"></span>
            <div class="name">
              云icon_模具信息
            </div>
            <div class="code-name">.icon-yunicon_mojuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.icon-fenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianguanli"></span>
            <div class="name">
              文件管理
            </div>
            <div class="code-name">.icon-wenjianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuanbanciguanli"></span>
            <div class="name">
              人员班次管理
            </div>
            <div class="code-name">.icon-renyuanbanciguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quyuguanli"></span>
            <div class="name">
              区域管理
            </div>
            <div class="code-name">.icon-quyuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yulanzupu"></span>
            <div class="name">
              预览族谱
            </div>
            <div class="code-name">.icon-yulanzupu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichuziliaofile"></span>
            <div class="name">
              基础资料file
            </div>
            <div class="code-name">.icon-jichuziliaofile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanse"></span>
            <div class="name">
              i-颜色
            </div>
            <div class="code-name">.icon-yanse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehu"></span>
            <div class="name">
              客户
            </div>
            <div class="code-name">.icon-kehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-p_wuliaozu"></span>
            <div class="name">
              物料组
            </div>
            <div class="code-name">.icon-icon-p_wuliaozu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-navicon-jldw"></span>
            <div class="name">
              计量单位
            </div>
            <div class="code-name">.icon-navicon-jldw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuliaoguanli"></span>
            <div class="name">
              物料管理
            </div>
            <div class="code-name">.icon-wuliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理
            </div>
            <div class="code-name">.icon-kehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongcanshupeizhi"></span>
            <div class="name">
              系统参数配置
            </div>
            <div class="code-name">.icon-xitongcanshupeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-color-lens"></span>
            <div class="name">
              color-lens
            </div>
            <div class="code-name">.icon-color-lens
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-storage2"></span>
            <div class="name">
              仓库管理
            </div>
            <div class="code-name">.icon-icon-storage2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quyu"></span>
            <div class="name">
              区域
            </div>
            <div class="code-name">.icon-quyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeixinghao"></span>
            <div class="name">
              设备型号
            </div>
            <div class="code-name">.icon-shebeixinghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeikaifa"></span>
            <div class="name">
              设备开发
            </div>
            <div class="code-name">.icon-shebeikaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiweixiu"></span>
            <div class="name">
              设备维修
            </div>
            <div class="code-name">.icon-shebeiweixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli1"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-entity"></span>
            <div class="name">
              entity
            </div>
            <div class="code-name">.icon-entity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangku"></span>
            <div class="name">
              仓库
            </div>
            <div class="code-name">.icon-cangku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangkuguanli"></span>
            <div class="name">
              仓库管理
            </div>
            <div class="code-name">.icon-cangkuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuwei"></span>
            <div class="name">
              库位
            </div>
            <div class="code-name">.icon-kuwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuquarea"></span>
            <div class="name">
              库区area
            </div>
            <div class="code-name">.icon-kuquarea
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenzu"></span>
            <div class="name">
              分组
            </div>
            <div class="code-name">.icon-fenzu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiaozhizuomoban-69"></span>
            <div class="name">
              供应商管理
            </div>
            <div class="code-name">.icon-tubiaozhizuomoban-69
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-4"></span>
            <div class="name">
              供应商
            </div>
            <div class="code-name">.icon-weibiaoti-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-"></span>
            <div class="name">
              监控,测试
            </div>
            <div class="code-name">.icon-icon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.icon-jiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanguanli"></span>
            <div class="name">
              模板管理
            </div>
            <div class="code-name">.icon-mobanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanshezhi"></span>
            <div class="name">
              模板设置
            </div>
            <div class="code-name">.icon-mobanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-register"></span>
            <div class="name">
              注册
            </div>
            <div class="code-name">.icon-register
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenfa1"></span>
            <div class="name">
              分发
            </div>
            <div class="code-name">.icon-fenfa1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenfa2"></span>
            <div class="name">
              分发
            </div>
            <div class="code-name">.icon-fenfa2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-accountauthority"></span>
            <div class="name">
              accountauthority
            </div>
            <div class="code-name">.icon-accountauthority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-APIwendang"></span>
            <div class="name">
              APIwendang
            </div>
            <div class="code-name">.icon-APIwendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-config"></span>
            <div class="name">
              config
            </div>
            <div class="code-name">.icon-config
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-configuration"></span>
            <div class="name">
              configuration
            </div>
            <div class="code-name">.icon-configuration
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-curlybrace-"></span>
            <div class="name">
              curlybrace-
            </div>
            <div class="code-name">.icon-curlybrace-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dictionary"></span>
            <div class="name">
              dictionary
            </div>
            <div class="code-name">.icon-dictionary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-company"></span>
            <div class="name">
              company
            </div>
            <div class="code-name">.icon-company
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-department1"></span>
            <div class="name">
              department1
            </div>
            <div class="code-name">.icon-department1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-app"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.icon-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-department"></span>
            <div class="name">
              department
            </div>
            <div class="code-name">.icon-department
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enterprise"></span>
            <div class="name">
              enterprise
            </div>
            <div class="code-name">.icon-enterprise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-group"></span>
            <div class="name">
              group
            </div>
            <div class="code-name">.icon-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logout"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geren"></span>
            <div class="name">
              geren
            </div>
            <div class="code-name">.icon-geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.icon-menu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Monitor"></span>
            <div class="name">
              Monitor
            </div>
            <div class="code-name">.icon-Monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-position"></span>
            <div class="name">
              position
            </div>
            <div class="code-name">.icon-position
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-position-"></span>
            <div class="name">
              position-
            </div>
            <div class="code-name">.icon-position-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mg-role"></span>
            <div class="name">
              mg-role
            </div>
            <div class="code-name">.icon-mg-role
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhi"></span>
            <div class="name">
              rizhi
            </div>
            <div class="code-name">.icon-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jurassic_data"></span>
            <div class="name">
              jurassic_data
            </div>
            <div class="code-name">.icon-jurassic_data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sys-authority"></span>
            <div class="name">
              sys-authority
            </div>
            <div class="code-name">.icon-sys-authority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjian"></span>
            <div class="name">
              yingjian
            </div>
            <div class="code-name">.icon-yingjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keystroke"></span>
            <div class="name">
              keystroke
            </div>
            <div class="code-name">.icon-keystroke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-url"></span>
            <div class="name">
              url
            </div>
            <div class="code-name">.icon-url
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-role_icon"></span>
            <div class="name">
              role_icon
            </div>
            <div class="code-name">.icon-role_icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-urlguanli"></span>
            <div class="name">
              urlguanli
            </div>
            <div class="code-name">.icon-urlguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-system"></span>
            <div class="name">
              system
            </div>
            <div class="code-name">.icon-system
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swagger"></span>
            <div class="name">
              swagger
            </div>
            <div class="code-name">.icon-swagger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wj-rz"></span>
            <div class="name">
              wj-rz
            </div>
            <div class="code-name">.icon-wj-rz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ts-config"></span>
            <div class="name">
              ts-config
            </div>
            <div class="code-name">.icon-ts-config
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenfa"></span>
            <div class="name">
              分发
            </div>
            <div class="code-name">.icon-fenfa
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun1"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongzhi"></use>
                </svg>
                <div class="name">重置</div>
                <div class="code-name">#icon-zhongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingkong"></use>
                </svg>
                <div class="name">清空</div>
                <div class="code-name">#icon-qingkong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongzhi1"></use>
                </svg>
                <div class="name">重置</div>
                <div class="code-name">#icon-zhongzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengpinjianyanqingdandaoru"></use>
                </svg>
                <div class="name">成品检验清单导入</div>
                <div class="code-name">#icon-chengpinjianyanqingdandaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Cyberxunjianrenwushangbao"></use>
                </svg>
                <div class="name">巡检</div>
                <div class="code-name">#icon-Cyberxunjianrenwushangbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujianluru"></use>
                </svg>
                <div class="name">首检录入</div>
                <div class="code-name">#icon-shoujianluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jihuaguanli"></use>
                </svg>
                <div class="name">计划管理</div>
                <div class="code-name">#icon-jihuaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeipaichanjihuawancheng"></use>
                </svg>
                <div class="name">设备排产计划完成</div>
                <div class="code-name">#icon-shebeipaichanjihuawancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shimojianyanjilu"></use>
                </svg>
                <div class="name">试模检验记录</div>
                <div class="code-name">#icon-shimojianyanjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanzhiliangguanli"></use>
                </svg>
                <div class="name">安全质量管理</div>
                <div class="code-name">#icon-anquanzhiliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliang1"></use>
                </svg>
                <div class="name">质量</div>
                <div class="code-name">#icon-zhiliang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliangzhuisu"></use>
                </svg>
                <div class="name">质量追溯</div>
                <div class="code-name">#icon-zhiliangzhuisu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaobochukuguanli1"></use>
                </svg>
                <div class="name">调拨出库管理</div>
                <div class="code-name">#icon-tiaobochukuguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwairuku1"></use>
                </svg>
                <div class="name">委外入库</div>
                <div class="code-name">#icon-weiwairuku1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weiwaichuku"></use>
                </svg>
                <div class="name">委外出库</div>
                <div class="code-name">#icon-weiwaichuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshouchukuguanli"></use>
                </svg>
                <div class="name">销售出库管理</div>
                <div class="code-name">#icon-xiaoshouchukuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajia1"></use>
                </svg>
                <div class="name">下架</div>
                <div class="code-name">#icon-xiajia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajia"></use>
                </svg>
                <div class="name">下架</div>
                <div class="code-name">#icon-xiajia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoborukuguanli"></use>
                </svg>
                <div class="name">调拨入库管理</div>
                <div class="code-name">#icon-tiaoborukuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jihuadan"></use>
                </svg>
                <div class="name">计划单</div>
                <div class="code-name">#icon-jihuadan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piaojutuiku"></use>
                </svg>
                <div class="name">票据退库</div>
                <div class="code-name">#icon-piaojutuiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangchuguanli-tuikuguanli-lingliaotuiku"></use>
                </svg>
                <div class="name">仓储管理-退库管理-领料退库</div>
                <div class="code-name">#icon-cangchuguanli-tuikuguanli-lingliaotuiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangchuguanli-tuikuguanli"></use>
                </svg>
                <div class="name">仓储管理-退库管理</div>
                <div class="code-name">#icon-cangchuguanli-tuikuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianhuojihua"></use>
                </svg>
                <div class="name">拣货计划</div>
                <div class="code-name">#icon-jianhuojihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianhuoguanli"></use>
                </svg>
                <div class="name">拣货管理</div>
                <div class="code-name">#icon-jianhuoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuihuomingxi"></use>
                </svg>
                <div class="name">退货明细</div>
                <div class="code-name">#icon-tuihuomingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wupintuihuojihuadengji"></use>
                </svg>
                <div class="name">物品退货计划登记</div>
                <div class="code-name">#icon-wupintuihuojihuadengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoutuihuoguanli"></use>
                </svg>
                <div class="name">销售退货管理</div>
                <div class="code-name">#icon-xiaoshoutuihuoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanruku"></use>
                </svg>
                <div class="name">生产入库</div>
                <div class="code-name">#icon-shengchanruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingliaochuku"></use>
                </svg>
                <div class="name">领料出库</div>
                <div class="code-name">#icon-lingliaochuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rukudan"></use>
                </svg>
                <div class="name">入库单</div>
                <div class="code-name">#icon-rukudan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chukudan"></use>
                </svg>
                <div class="name">出库单</div>
                <div class="code-name">#icon-chukudan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rukumingxi"></use>
                </svg>
                <div class="name">入库明细</div>
                <div class="code-name">#icon-rukumingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chukumingxi"></use>
                </svg>
                <div class="name">出库明细</div>
                <div class="code-name">#icon-chukumingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitachukuguanli"></use>
                </svg>
                <div class="name">其他出库管理</div>
                <div class="code-name">#icon-qitachukuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chukujilu"></use>
                </svg>
                <div class="name">出库记录</div>
                <div class="code-name">#icon-chukujilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rukujilu"></use>
                </svg>
                <div class="name">入库记录</div>
                <div class="code-name">#icon-rukujilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitarukuguanli"></use>
                </svg>
                <div class="name">其他入库管理</div>
                <div class="code-name">#icon-qitarukuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kucun"></use>
                </svg>
                <div class="name">库存管理</div>
                <div class="code-name">#icon-kucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jishikucun"></use>
                </svg>
                <div class="name">即时库存</div>
                <div class="code-name">#icon-jishikucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kucunzhuangtai"></use>
                </svg>
                <div class="name">库存状态</div>
                <div class="code-name">#icon-kucunzhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjiadan"></use>
                </svg>
                <div class="name">上架单</div>
                <div class="code-name">#icon-shangjiadan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjiaguanli"></use>
                </svg>
                <div class="name">上架管理</div>
                <div class="code-name">#icon-shangjiaguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigouguanli"></use>
                </svg>
                <div class="name">采购管理</div>
                <div class="code-name">#icon-caigouguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mojudianjian"></use>
                </svg>
                <div class="name">模具点检</div>
                <div class="code-name">#icon-mojudianjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianjian"></use>
                </svg>
                <div class="name">点检</div>
                <div class="code-name">#icon-dianjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-data-"></use>
                </svg>
                <div class="name">点检</div>
                <div class="code-name">#icon-data-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianjianguanli"></use>
                </svg>
                <div class="name">点检管理</div>
                <div class="code-name">#icon-dianjianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeibaoyang"></use>
                </svg>
                <div class="name">设备保养</div>
                <div class="code-name">#icon-shebeibaoyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeibaoyang1"></use>
                </svg>
                <div class="name">设备保养</div>
                <div class="code-name">#icon-shebeibaoyang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianjianjilu"></use>
                </svg>
                <div class="name">点检记录</div>
                <div class="code-name">#icon-dianjianjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeibaoyangpeizhi"></use>
                </svg>
                <div class="name">设备保养配置</div>
                <div class="code-name">#icon-shebeibaoyangpeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengpinjianhuo"></use>
                </svg>
                <div class="name">产成品</div>
                <div class="code-name">#icon-chengpinjianhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjianjianyan"></use>
                </svg>
                <div class="name">巡检检验</div>
                <div class="code-name">#icon-xunjianjianyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijianfangan"></use>
                </svg>
                <div class="name">时间方案</div>
                <div class="code-name">#icon-shijianfangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danju"></use>
                </svg>
                <div class="name">单据</div>
                <div class="code-name">#icon-danju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chouyang"></use>
                </svg>
                <div class="name">抽样</div>
                <div class="code-name">#icon-chouyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangan"></use>
                </svg>
                <div class="name">方案</div>
                <div class="code-name">#icon-fangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lailiaojianyan"></use>
                </svg>
                <div class="name">来料检验</div>
                <div class="code-name">#icon-lailiaojianyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoujian"></use>
                </svg>
                <div class="name">首检</div>
                <div class="code-name">#icon-shoujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banzu"></use>
                </svg>
                <div class="name">班组</div>
                <div class="code-name">#icon-banzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ceshimokuai"></use>
                </svg>
                <div class="name">测试模块</div>
                <div class="code-name">#icon-ceshimokuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjian2"></use>
                </svg>
                <div class="name">邮件 (2)</div>
                <div class="code-name">#icon-youjian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoximoban"></use>
                </svg>
                <div class="name">消息模板</div>
                <div class="code-name">#icon-xiaoximoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconset0272"></use>
                </svg>
                <div class="name">广播</div>
                <div class="code-name">#icon-iconset0272</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxiguanli"></use>
                </svg>
                <div class="name">消息管理</div>
                <div class="code-name">#icon-xiaoxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anniu"></use>
                </svg>
                <div class="name">按钮</div>
                <div class="code-name">#icon-anniu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanganguihua"></use>
                </svg>
                <div class="name">方案规划</div>
                <div class="code-name">#icon-fanganguihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyiguanli"></use>
                </svg>
                <div class="name">工艺管理</div>
                <div class="code-name">#icon-gongyiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-salary-payroll-management"></use>
                </svg>
                <div class="name">薪资管理</div>
                <div class="code-name">#icon-salary-payroll-management</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinziguanli"></use>
                </svg>
                <div class="name">薪资管理</div>
                <div class="code-name">#icon-xinziguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxu"></use>
                </svg>
                <div class="name">工序</div>
                <div class="code-name">#icon-gongxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyidan"></use>
                </svg>
                <div class="name">工艺单</div>
                <div class="code-name">#icon-gongyidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaozhungongshizhidinghefenxi"></use>
                </svg>
                <div class="name">标准工时制定和分析</div>
                <div class="code-name">#icon-biaozhungongshizhidinghefenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzibiaozhunweihu"></use>
                </svg>
                <div class="name">工资标准维护</div>
                <div class="code-name">#icon-gongzibiaozhunweihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-x_nav_shangbaogongzuotai"></use>
                </svg>
                <div class="name">x_nav_上报工作台</div>
                <div class="code-name">#icon-x_nav_shangbaogongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao_shengchangongyi"></use>
                </svg>
                <div class="name">生产工艺</div>
                <div class="code-name">#icon-tubiao_shengchangongyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao_shengchanrenwudan"></use>
                </svg>
                <div class="name">生产任务单</div>
                <div class="code-name">#icon-tubiao_shengchanrenwudan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paiban"></use>
                </svg>
                <div class="name">排班</div>
                <div class="code-name">#icon-paiban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jijianbaogongguanli"></use>
                </svg>
                <div class="name">计件报工管理</div>
                <div class="code-name">#icon-jijianbaogongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanguanli"></use>
                </svg>
                <div class="name">生产管理</div>
                <div class="code-name">#icon-shengchanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxuhuibaopeizhi"></use>
                </svg>
                <div class="name">工序汇报配置</div>
                <div class="code-name">#icon-gongxuhuibaopeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban-142"></use>
                </svg>
                <div class="name">生产工单</div>
                <div class="code-name">#icon-tubiaozhizuomoban-142</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paichandan"></use>
                </svg>
                <div class="name">排产单</div>
                <div class="code-name">#icon-paichandan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanmu"></use>
                </svg>
                <div class="name">更换模板</div>
                <div class="code-name">#icon-huanmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianyan"></use>
                </svg>
                <div class="name">检验</div>
                <div class="code-name">#icon-jianyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangan1"></use>
                </svg>
                <div class="name">方案 (1)</div>
                <div class="code-name">#icon-fangan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianyanxiangmu"></use>
                </svg>
                <div class="name">检验项目</div>
                <div class="code-name">#icon-jianyanxiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingshe1"></use>
                </svg>
                <div class="name">映射</div>
                <div class="code-name">#icon-yingshe1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangzhengquyuguanli"></use>
                </svg>
                <div class="name">行政区域管理</div>
                <div class="code-name">#icon-hangzhengquyuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliang"></use>
                </svg>
                <div class="name">质量</div>
                <div class="code-name">#icon-zhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#icon-yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhushujvweihu"></use>
                </svg>
                <div class="name">主数据</div>
                <div class="code-name">#icon-zhushujvweihu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuoliu"></use>
                </svg>
                <div class="name">工作流</div>
                <div class="code-name">#icon-gongzuoliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-lot"></use>
                </svg>
                <div class="name">物联网</div>
                <div class="code-name">#icon-logo-lot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wms"></use>
                </svg>
                <div class="name">wms</div>
                <div class="code-name">#icon-wms</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhusuji"></use>
                </svg>
                <div class="name">注塑机</div>
                <div class="code-name">#icon-zhusuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouquan"></use>
                </svg>
                <div class="name">授权</div>
                <div class="code-name">#icon-shouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mes"></use>
                </svg>
                <div class="name">mes</div>
                <div class="code-name">#icon-mes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-xt"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-icon-xt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huozhu"></use>
                </svg>
                <div class="name">货主</div>
                <div class="code-name">#icon-huozhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sheng1"></use>
                </svg>
                <div class="name">省</div>
                <div class="code-name">#icon-sheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shi"></use>
                </svg>
                <div class="name">市</div>
                <div class="code-name">#icon-shi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qu"></use>
                </svg>
                <div class="name">区</div>
                <div class="code-name">#icon-qu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baozhuang"></use>
                </svg>
                <div class="name">包装</div>
                <div class="code-name">#icon-baozhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengxin"></use>
                </svg>
                <div class="name">更新</div>
                <div class="code-name">#icon-gengxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chuping"></use>
                </svg>
                <div class="name">icon_触屏</div>
                <div class="code-name">#icon-icon_chuping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pad"></use>
                </svg>
                <div class="name">pad</div>
                <div class="code-name">#icon-pad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoma1"></use>
                </svg>
                <div class="name">条码1</div>
                <div class="code-name">#icon-tiaoma1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei2"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haibianyigou-"></use>
                </svg>
                <div class="name">未选状态-分类</div>
                <div class="code-name">#icon-haibianyigou-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuangtaijiankong"></use>
                </svg>
                <div class="name">状态监控</div>
                <div class="code-name">#icon-zhuangtaijiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuangtai"></use>
                </svg>
                <div class="name">状态</div>
                <div class="code-name">#icon-zhuangtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxunguanli"></use>
                </svg>
                <div class="name">查询管理</div>
                <div class="code-name">#icon-chaxunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei1"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingshe"></use>
                </svg>
                <div class="name">映射</div>
                <div class="code-name">#icon-yingshe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanliangtongji"></use>
                </svg>
                <div class="name">生产量统计</div>
                <div class="code-name">#icon-shengchanliangtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#icon-xiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchan"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-shengchan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fujian"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-fujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-wenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moju"></use>
                </svg>
                <div class="name">模具</div>
                <div class="code-name">#icon-moju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mojuguanli"></use>
                </svg>
                <div class="name">模具管理</div>
                <div class="code-name">#icon-mojuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunicon_mojuxinxi"></use>
                </svg>
                <div class="name">云icon_模具信息</div>
                <div class="code-name">#icon-yunicon_mojuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#icon-fenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianguanli"></use>
                </svg>
                <div class="name">文件管理</div>
                <div class="code-name">#icon-wenjianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuanbanciguanli"></use>
                </svg>
                <div class="name">人员班次管理</div>
                <div class="code-name">#icon-renyuanbanciguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quyuguanli"></use>
                </svg>
                <div class="name">区域管理</div>
                <div class="code-name">#icon-quyuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulanzupu"></use>
                </svg>
                <div class="name">预览族谱</div>
                <div class="code-name">#icon-yulanzupu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichuziliaofile"></use>
                </svg>
                <div class="name">基础资料file</div>
                <div class="code-name">#icon-jichuziliaofile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanse"></use>
                </svg>
                <div class="name">i-颜色</div>
                <div class="code-name">#icon-yanse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehu"></use>
                </svg>
                <div class="name">客户</div>
                <div class="code-name">#icon-kehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-p_wuliaozu"></use>
                </svg>
                <div class="name">物料组</div>
                <div class="code-name">#icon-icon-p_wuliaozu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-navicon-jldw"></use>
                </svg>
                <div class="name">计量单位</div>
                <div class="code-name">#icon-navicon-jldw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuliaoguanli"></use>
                </svg>
                <div class="name">物料管理</div>
                <div class="code-name">#icon-wuliaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanli"></use>
                </svg>
                <div class="name">客户管理</div>
                <div class="code-name">#icon-kehuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongcanshupeizhi"></use>
                </svg>
                <div class="name">系统参数配置</div>
                <div class="code-name">#icon-xitongcanshupeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-color-lens"></use>
                </svg>
                <div class="name">color-lens</div>
                <div class="code-name">#icon-color-lens</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-storage2"></use>
                </svg>
                <div class="name">仓库管理</div>
                <div class="code-name">#icon-icon-storage2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quyu"></use>
                </svg>
                <div class="name">区域</div>
                <div class="code-name">#icon-quyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeixinghao"></use>
                </svg>
                <div class="name">设备型号</div>
                <div class="code-name">#icon-shebeixinghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeikaifa"></use>
                </svg>
                <div class="name">设备开发</div>
                <div class="code-name">#icon-shebeikaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiweixiu"></use>
                </svg>
                <div class="name">设备维修</div>
                <div class="code-name">#icon-shebeiweixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli1"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-entity"></use>
                </svg>
                <div class="name">entity</div>
                <div class="code-name">#icon-entity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangku"></use>
                </svg>
                <div class="name">仓库</div>
                <div class="code-name">#icon-cangku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangkuguanli"></use>
                </svg>
                <div class="name">仓库管理</div>
                <div class="code-name">#icon-cangkuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuwei"></use>
                </svg>
                <div class="name">库位</div>
                <div class="code-name">#icon-kuwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuquarea"></use>
                </svg>
                <div class="name">库区area</div>
                <div class="code-name">#icon-kuquarea</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenzu"></use>
                </svg>
                <div class="name">分组</div>
                <div class="code-name">#icon-fenzu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban-69"></use>
                </svg>
                <div class="name">供应商管理</div>
                <div class="code-name">#icon-tubiaozhizuomoban-69</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-4"></use>
                </svg>
                <div class="name">供应商</div>
                <div class="code-name">#icon-weibiaoti-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-"></use>
                </svg>
                <div class="name">监控,测试</div>
                <div class="code-name">#icon-icon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#icon-jiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobanguanli"></use>
                </svg>
                <div class="name">模板管理</div>
                <div class="code-name">#icon-mobanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobanshezhi"></use>
                </svg>
                <div class="name">模板设置</div>
                <div class="code-name">#icon-mobanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-register"></use>
                </svg>
                <div class="name">注册</div>
                <div class="code-name">#icon-register</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenfa1"></use>
                </svg>
                <div class="name">分发</div>
                <div class="code-name">#icon-fenfa1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenfa2"></use>
                </svg>
                <div class="name">分发</div>
                <div class="code-name">#icon-fenfa2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-accountauthority"></use>
                </svg>
                <div class="name">accountauthority</div>
                <div class="code-name">#icon-accountauthority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-APIwendang"></use>
                </svg>
                <div class="name">APIwendang</div>
                <div class="code-name">#icon-APIwendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-config"></use>
                </svg>
                <div class="name">config</div>
                <div class="code-name">#icon-config</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-configuration"></use>
                </svg>
                <div class="name">configuration</div>
                <div class="code-name">#icon-configuration</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-curlybrace-"></use>
                </svg>
                <div class="name">curlybrace-</div>
                <div class="code-name">#icon-curlybrace-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dictionary"></use>
                </svg>
                <div class="name">dictionary</div>
                <div class="code-name">#icon-dictionary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-company"></use>
                </svg>
                <div class="name">company</div>
                <div class="code-name">#icon-company</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-department1"></use>
                </svg>
                <div class="name">department1</div>
                <div class="code-name">#icon-department1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-app"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#icon-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-department"></use>
                </svg>
                <div class="name">department</div>
                <div class="code-name">#icon-department</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enterprise"></use>
                </svg>
                <div class="name">enterprise</div>
                <div class="code-name">#icon-enterprise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-group"></use>
                </svg>
                <div class="name">group</div>
                <div class="code-name">#icon-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geren"></use>
                </svg>
                <div class="name">geren</div>
                <div class="code-name">#icon-geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#icon-menu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Monitor"></use>
                </svg>
                <div class="name">Monitor</div>
                <div class="code-name">#icon-Monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-position"></use>
                </svg>
                <div class="name">position</div>
                <div class="code-name">#icon-position</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-position-"></use>
                </svg>
                <div class="name">position-</div>
                <div class="code-name">#icon-position-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mg-role"></use>
                </svg>
                <div class="name">mg-role</div>
                <div class="code-name">#icon-mg-role</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhi"></use>
                </svg>
                <div class="name">rizhi</div>
                <div class="code-name">#icon-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jurassic_data"></use>
                </svg>
                <div class="name">jurassic_data</div>
                <div class="code-name">#icon-jurassic_data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sys-authority"></use>
                </svg>
                <div class="name">sys-authority</div>
                <div class="code-name">#icon-sys-authority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjian"></use>
                </svg>
                <div class="name">yingjian</div>
                <div class="code-name">#icon-yingjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keystroke"></use>
                </svg>
                <div class="name">keystroke</div>
                <div class="code-name">#icon-keystroke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-url"></use>
                </svg>
                <div class="name">url</div>
                <div class="code-name">#icon-url</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-role_icon"></use>
                </svg>
                <div class="name">role_icon</div>
                <div class="code-name">#icon-role_icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-urlguanli"></use>
                </svg>
                <div class="name">urlguanli</div>
                <div class="code-name">#icon-urlguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-system"></use>
                </svg>
                <div class="name">system</div>
                <div class="code-name">#icon-system</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swagger"></use>
                </svg>
                <div class="name">swagger</div>
                <div class="code-name">#icon-swagger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wj-rz"></use>
                </svg>
                <div class="name">wj-rz</div>
                <div class="code-name">#icon-wj-rz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ts-config"></use>
                </svg>
                <div class="name">ts-config</div>
                <div class="code-name">#icon-ts-config</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenfa"></use>
                </svg>
                <div class="name">分发</div>
                <div class="code-name">#icon-fenfa</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
